/*
 * @Author: xiangrikui 1755283163@qq.com
 * @Date: 2024-06-17 16:00:32
 * @LastEditors: xiangrikui 1755283163@qq.com
 * @LastEditTime: 2024-06-20 10:49:17
 * @FilePath: \项目\src\pages\Loading\index.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import React from "react";
import{ Button }from "antd";
// import { Bullet } from "@ant-design/plots";
// import { ColorFactory } from "antd/es/color-picker/color";
import './index.less';
// import img1 from"./image.jpg";
import img1 from "./R-C.gif";
import img2 from "./one.jpg";
import img3 from "./two.jpg";
import img4 from "./three.jpg";

const LoadingPage: React.FC =()=> {
    // render() {
        return (
            <>
        <div className="box1"><Button className="children" href="/login" >登录/注册 </Button></div>

        <div className="item"><a href="src/pages/Loading"><img src={img1} alt=""></img></a></div>
        <div className="box3">
            <h1 className="text">欢迎来到数字马力商品管理系统</h1>
        </div>
        <div className="box2">
            <div className="one">   
                <h2>酒类</h2>
                 <a href="src/pages/Loading"><img className="image2" src={img2} alt="" ></img></a>
            </div>
           
            <div className="two" >
                <h2>速食饮料</h2>
                <a href="src/pages/Loading"><img src={img3} alt=""></img></a>
            </div>
            <div className="three">
                <h2>糖类</h2>
                <a href="src/pages/Loading"><img src={img4} alt=""></img></a>
            </div>
       </div>
        
    </>
        );
    }
// }

export default LoadingPage;
